<template>
	<view class="mons">
		<image src="../../static/img/3/3-92.png" class="bac" ></image>
		<view class="kks">
			<view class="dds"></view>
			<view class="kksn">
				<view class="dd"></view>
				<view class="head">
					<image src="../../static/img/3/3-107.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		components: {

		},
		data() {
			return {
				meng: false
			}
		},
		methods: {
		}

	}
</script>

<style>
	.kks{
		width:426rpx;
		height:426rpx;
		background:rgba(255,255,255,0);
		border:1px solid rgba(238, 238, 238, 1);
		border-radius:50%;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.kks .dds{
		position: absolute;
		width:16rpx;
		height:16rpx;
		background:rgba(255,255,255,1);
		border-radius:50%;
		top: 50%;
		left: -8rpx;
	}
	.kksn{
		width:286rpx;
		height:286rpx;
		background:rgba(255,255,255,0);
		border:1px solid rgba(238, 238, 238, 1);
		border-radius:50%;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.kks .kksn .dd{
		position: absolute;
		width:16rpx;
		height:16rpx;
		background:rgba(255,255,255,1);
		border-radius:50%;
		margin: auto;
		left: 0;
		right: 0;
		bottom: -8rpx;
	}
	.head{
		width:164rpx;
		height:164rpx;
		background:rgba(255,255,255,0.5);
		border-radius:50%;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.head image{
		display: block;
		width:142rpx;
		height:142rpx;
		border-radius:50%;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	uni-page-body {
		height: 100%;
	}
	
	.mons {
		min-height: 100%;
		background: #EEEEEE;
		position: relative;
	}
	.bac{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
</style>
